<template>
    <view>
        <u-popup mode="bottom" :show="show" @close="close" @open="open">
            <view class="foot">
                <view style="display: flex; justify-content: space-between; padding: 20px 20px;">
                    订单总金额:
                    <text style="color: blue;">￥10,000,000,000.00</text>
                </view>

                <view style="display: flex; justify-content: space-between; padding: 20px 20px;">
                    已回款金额:
                    <text style="color: blue;">￥10,000,000,000.00</text>
                </view>
                <view style="display: flex; justify-content: space-between; padding: 20px 20px;">
                    未回款金额:
                    <text style="color: blue;">￥10,000,000,000.00</text>
                </view>
                <view style="text-align: center; color: blue; border-top: 1px solid #ccc;" @click="close">取消</view>
            </view>
        </u-popup>
        <p @click="show = true" style="color: blue;  text-align: center; margin-top: 20px;">订单总金额3项合计></p>


    </view>
</template>
<script setup lang="ts">
import { ref } from "vue";
const show = ref(false)
const open = () => {
    show.value = true
}
const close = () => {
    show.value = false
}

</script>

<style lang="scss">
.foot {
    height: 200px;
}

</style>